<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:form id="gestionarMaterialConstruccion" >
        <center>
            <p:growl id="myGrowl" showDetail="true" globalOnly="true" life="2000" />
        </center>
        <center>
            <p:panelGrid id="pgMaterialConstruccion" style="width: 80%; font-size: 10px">
                <f:facet name="header">
                    <p:row>
                        <p:column colspan="6">Registro material de construcción</p:column>
                    </p:row>
                </f:facet>
                <p:row >
                    <p:column  colspan="2" styleClass="celdaLabelMayor">
                        <h:outputLabel  value="Nombre del vehiculo:" />
                    </p:column>
                    <p:column colspan="4" >
                        <p:inputText required="true" requiredMessage="#{msg.requiredField}" size="100" id="nombreMaterial" value="#{gestionarTransporteMovilizacion.materialConstruccion.nombreMaterial}"></p:inputText>
                        <p:message for="nombreMaterial" id="nombreMaterialmsg"></p:message>
                    </p:column>
                </p:row>
                <p:row>
                    <p:column styleClass="celdaLabelMayor" rendered="false" >
                        <h:outputLabel  value="Tipo de material:" />
                    </p:column >
                    <p:column rendered="false">
                        <p:selectOneMenu style="font-size: 12px" required="true" requiredMessage="#{msg.requiredSelect}" id="tipoMaterial" converter="tipoMaterialConverter" value="#{gestionarTransporteMovilizacion.materialConstruccion.tipoMaterialIdTipoMaterial}">  
                            <f:selectItem  itemLabel="--Seleccione un tipo de material--" itemValue="" />  
                            <f:selectItems value="#{gestionarTransporteMovilizacion.listaTipoMaterial}" var="tipo" 
                                           itemValue="#{tipo}" itemLabel="#{tipo.nombreTipoMaterial}"></f:selectItems>
                        </p:selectOneMenu> 
                        <p:message for="tipoMaterial" id="tipoMaterialmsg"/>
                    </p:column>

                    <p:column styleClass="celdaLabelMayor">
                        <h:outputLabel  value="Nombre del proveedor:" />
                    </p:column>
                    <p:column  >
                        <p:selectOneMenu required="true" requiredMessage="#{msg.requiredSelect}"  id="proveedorMaterial" value="#{gestionarTransporteMovilizacion.proveedorMaterialConstruccion.proveedorIdProveedor}" converter="proveedorConverter">  
                            <f:selectItem itemLabel="--Seleccione un proveedor--" itemValue="" />
                            <f:selectItems value="#{gestionarTransporteMovilizacion.listaProveedores}" var="proveedor"
                                           itemValue="#{proveedor}" itemLabel="#{proveedor.razonSocialProveedor}"></f:selectItems>
                        </p:selectOneMenu> 
                        <p:message for="proveedorMaterial" id="proveedorMaterialmsg" />
                    </p:column>
                    <p:column styleClass="celdaLabelMayor" >
                        <h:outputLabel  value="Cantidad:" />
                    </p:column>
                    <p:column>
                        <p:inputText id="cantidad" required="true" requiredMessage="#{msg.numberFormat}" value="#{gestionarTransporteMovilizacion.materialConstruccion.cantidadTotal}" size="20"></p:inputText>
                        <p:message for="cantidad" id="cantidadmsg" />
                    </p:column>
                    <p:column styleClass="celdaLabelMayor" >
                        <h:outputLabel  value="Estado:" />
                    </p:column>
                    <p:column colspan="9">
                        <p:selectOneRadio id="optionEstadoMaterial" value="#{gestionarTransporteMovilizacion.materialConstruccion.estadoMaterial}">  
                            <f:selectItem itemLabel="Activo" itemValue="true" />  
                            <f:selectItem itemLabel="Inactivo" itemValue="false" />  
                        </p:selectOneRadio> 
                    </p:column>
                </p:row>
                <p:row>
                    
                    <p:column styleClass="celdaLabelMayor" rendered="false">
                        <h:outputLabel  value="Medida del material:" />
                    </p:column>
                    <p:column rendered="false">
                        <p:selectOneMenu id="medida" required="true" requiredMessage="#{msg.requiredSelect}" value="#{gestionarTransporteMovilizacion.materialConstruccion.medidaMaterialIdMedidaMaterial}" converter="medidaMaterialConverter">  
                            <f:selectItem itemLabel="--Seleccione una medida--" itemValue="" />  
                            <f:selectItems value="#{gestionarTransporteMovilizacion.listaMateriales}" var="medida"
                                           itemValue="#{medida}" itemLabel="#{medida.nombreMedidaMaterial}"></f:selectItems>
                        </p:selectOneMenu> 
                        <p:message for="medida" id="medidamsg" />
                    </p:column>
                </p:row>
                <p:row>
                    
                </p:row>

                <p:row >
                    <p:column colspan="5" style="text-align: left">
                        <p:commandButton value="Guardar" 
                                         process="@this,medida,optionEstadoMaterial,
                                         cantidad,
                                         proveedorMaterial,
                                         tipoMaterial,
                                         nombreMaterial" update="resumenMateriales,medida,nombreMaterialmsg,
                                         cantidad,medidamsg, tipoMaterialmsg,proveedorMaterialmsg,cantidadmsg,
                                         proveedorMaterial,myGrowl,
                                         tipoMaterial,
                                         nombreMaterial" actionListener="#{guardarTransporte}"/>
                    </p:column>
                </p:row>
            </p:panelGrid>

        </center>
        
        <p:commandButton value="Actualizar " actionListener="#{actalizarInformacion}"
                                         process="@this"
                                         update="resumenMateriales,proveedorMaterial" 
                                         />
         
        <br></br>
        <br></br>
        <center>
            <p:dataTable id="resumenMateriales" var="materialAgregado" style="font-size: 12px" 
                         value="#{gestionarTransporteMovilizacion.listaAgregada}"
                         emptyMessage="No se han encontrado materiales registrados" paginator="true" 
                         rowKey="#{materialAgregado.materialConstruccion.idMaterialConstruccion}"
                         selection="#{gestionarTransporteMovilizacion.materialConstruccionselected}"
                         selectionMode="single"
                         >  
                <p:ajax event="rowSelect" listener="#{gestionarTransporteMovilizacion.rowSelected}"   
                        update="resumenMateriales,:menu:tabViewGeneral:tabViewMovilizacion:gestionarMaterialConstruccion"  />  
                <p:ajax event="rowUnselect" listener="#{gestionarTransporteMovilizacion.onRow}" update="resumenMateriales,:menu:tabViewGeneral:tabViewMovilizacion:gestionarMaterialConstruccion"/>  
                <f:facet name="header">  
                    <p:row>
                        <p:column >Resumen de los materiales de construcción</p:column>
                    </p:row>
                </f:facet>  

                <p:column exportable="true" headerText="Nombre" filterBy="#{materialAgregado.materialConstruccion.nombreMaterial}" >  
                    <h:outputText value="#{materialAgregado.materialConstruccion.nombreMaterial}"></h:outputText>
                </p:column>  

                <p:column headerText="Cantidad" filterBy="#{materialAgregado.materialConstruccion.cantidadTotal}">  
                    <h:outputText value="#{materialAgregado.materialConstruccion.cantidadTotal}"></h:outputText>
                </p:column>  

                
                <p:column headerText="Proveedor" filterBy="#{materialAgregado.proveedorMaterialConstruccion.proveedorIdProveedor.razonSocialProveedor}">  
                    <h:outputText value="#{materialAgregado.proveedorMaterialConstruccion.proveedorIdProveedor.razonSocialProveedor}"></h:outputText>
                </p:column>
                <p:column headerText="Estado">
                    <p:selectBooleanButton value="#{materialAgregado.materialConstruccion.estadoMaterial}" onLabel="Activo" offLabel="Inactivo" disabled="true" onIcon="ui-icon-check" offIcon="ui-icon-close">  </p:selectBooleanButton>    
                </p:column>

            </p:dataTable>
           
        </center>
    </h:form>

</html>
